<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
	<title>作业2</title>
	<style type="text/css">
	img{
		width: 200px;
		height: 280px;
	}
	.aa{
		width: 900px;
		height: 600px;
		border-top: 2px solid green;
		border-left:2px solid gray;
		border-right:2px solid gray;
		border-bottom:2px solid gray;
		float:left;

	}
	.d1{
		width:225px;
		height: 300px;
		border-bottom:2px solid gray;
		border-right:2px solid gray; 
		float:left;
	}
	.d2{
		width:225px;
		height: 300px;
		border-bottom:2px solid gray;
		border-right:2px solid gray;
		float:left;
	}
    .d3{
		width:225px;
		height: 300px;
		border-bottom:2px solid gray;
		border-right:2px solid gray;
		float:left;
	}
	.d4{
		width:225px;
		height: 300px;
		border-bottom:2px solid gray;
		float:left;
	}
	.d5{
		width:225px;
		height: 300px;
		border-right:2px solid gray;
		float:left;
	}
	.d6{
		width:225px;
		height: 300px;
		border-right:2px solid gray;
		float:left;
	}
	.d7{
		width:225px;
		height: 300px;
		border-right:2px solid gray;
		float:left;
	}
	.d8{
		width:225px;
		height: 300px;
		float:left;
	}


		
	</style>
</head>
<body>
  <div class="aa">
    <div class="d1"><img src="img/11.jpg"></div>
    <div class="d2"><img src="img/22.jpg"></div>
    <div class="d3"><img src="img/33.jpg"></div>
    <div class="d4"><img src="img/44.jpg"></div>
    <div class="d5"><img src="img/55.jpg"></div>
    <div class="d6"><img src="img/66.jpg"></div>
    <div class="d7"><img src="img/77.jpg"></div>
    <div class="d8"><img src="img/88.jpg"></div>
</div>

</body>
</html>